<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery小项目</title>
    <link rel="stylesheet" href="../css/base.css">
</head>
<body>
<div class="banner">
    <!--头部区域-->
    <div>
        <div class="header">
            <a href="#" class="h-logo"><img src="/images/logo.png" alt=""/></a>
            <div class="h-nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li>
                        <a href="list.html">商品列表</a>
                    </li>
                    <li>
                        <a id="sol" href="#">羊毛国际</a>
                        <div class="down" id="down2">
                            <div class="list">
                                <p>全球精选</p>
                            </div>
                            <div class="list">
                                <p>海外直购</p>
                            </div>
                            <div class="list">
                                <p>进口超市</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a id="suc" href="#">收藏的宝贝</a>
                        <div class="down" id="down3">
                            <div class="list">
                                <p>电器</p>
                            </div>
                            <div class="list">
                                <p>衣服</p>
                            </div>
                            <div class="list">
                                <p>零食</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a id="we" href="#">购物车</a>
                        <div class="down" id="down1">
                            <div class="list">
                                <p>食品饮料</p>
                            </div>
                            <div class="list">
                                <p>美容洗护</p>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">我的足迹</a></li>
                </ul>
            </div>
            <div class="h-tel">
                <p class="off active">
                    你好
                    <a href="login.html">&nbsp请登录</a>
                </p>
                <p class="on ">
                    您好&nbsp
                    <span>用户昵称</span>
                    <a href="self.html">&nbsp&nbsp会员中心</a>
                    <a href="JavaScript:void(0)" class="logout">&nbsp退出登录</a>
                </p>
            </div>
        </div>
        <script src="../../jquery-3.6.0.js"></script>
        <script src="../js/index.js"></script>
    </div>
</div>
</body>
</html>